FlyTalk.views.ItinDetailView = Ext.extend(Ext.Panel, {
	fullscreen: true,
	title: 'ItinDetail',
	scroll: true,
	
	items: [{
		id: 'detailImage',
		html: '<div><img id="tp" src="./images/boarding.png"></img></div>',
    }],
	
	
	initComponent: function () {
		this.backButton = new Ext.Button({
			text: 'Back',
			ui: 'back',
			handler: this.backButtonTap,
			scope: this
		});
		
		this.toolbar = new Ext.Toolbar({
			id: 'toolbar',	
			title: 'ItinDetail',
			doc: 'top',
			layout: 'hbox',
			items: [
				this.backButton,
				{xtype: 'spacer'},
				
			]
		});
		
		this.dockedItems = [this.toolbar];			
	
		FlyTalk.views.ItinDetailView.superclass.initComponent.call(this);
        
    },
	

		
	backButtonTap: function () {
        Ext.dispatch({
            controller: FlyTalk.controllers.ftController,
            action: 'closeItinDetailView'
        });
    },

});